<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
<!--        ready 允许在html完全加载完成之后,再来运行的代码-->
        $(document).ready(function(){
            //dblclick 双击会触发的事件
            $("p").dblclick(function(){
                $(this).hide();
            });
            //当鼠标移动到指定元素上时会触发的事件
            $("h1").mouseenter(function(){
                alert('您的鼠标穿过了一个 h1标题');
            });
        //    当鼠标离开时会触发的事件
            $("h2").mouseleave(function(){
                alert('您的鼠标刚刚离开了一个h2标题');
            });
        //    hover 当鼠标进入到这个元素时会触发第一个函数（mouseenter） 离开时会触发第二个函数（mouseleave）
            $("#h3").hover(
                function(){
                  alert('您的鼠标进入了一个 h3标题');
                },
                function(){
                    alert('您的鼠标刚刚离开了一个h3标题');
                //    注意下面这个大括号后面没有冒号
                }
            );
        });
    </script>
</head>
<body>

    <p>双击鼠标左键的，我就消失。</p>
    <p>双击我消失！</p>
    <p>双击我也消失！</p>
    <h1>这是一个hi标题 <h1>
    <h2>您的鼠标离开了h2标题</h2>
    <h3 id="h3">这是一个h3标题</h3>

</body>
</html>